<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"><title>走私上岸与隐蔽码头分布报告</title><!--引入echarts.js-->
    <#--<#include "../../include/head-file.ftl">-->
    <script type="text/javascript" src="${base}/static/plugins/jquery/3.2.1/jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="content" style="background: white;">
    <div style="text-indent: 2em;font-size:20px;margin-top: 20px;line-height: 35px;">对夜间到凌晨的移动手机活跃用户的基站接入情况关联分析，结合港岙口、海湾、堤岸、滩涂等地理位置,掌握沿海的隐蔽码头与走私上岸的分布情况如下：</div>

    <table id='table1' style="margin-top:15px;">
        <tr>
            <th>序号</th>
            <th width="200">累计活跃人数（个）</th>
            <th>所在市/县</th>
            <th>具体地点名称</th>
        </tr>
    </table>
    <div style="margin-top: 10px; text-align: center; font-size: 20px;">表1 沿海隐蔽码头分布情况</div>
    <div id="table1-desc" style="text-indent: 2em;font-size:20px;margin-top: 20px;line-height: 35px;">
        <!-- 由上表可见，昌江县昌化镇的昌化港累计活跃人数最多，共18人，分布在昌江县的隐蔽码头最多，共8个，其次是东方市，共5个，海口市排第三，共3个。 -->
    </div>
</div>
<script>
    $(document).ready(function() {
        var dataTable1 = ${suspiciousBoatDtoList}
        $.each(dataTable1,function(index,item){
            var tr='<td>'+(index+1)+'</td>'+'<td>'+item.count+'</td>'+'<td>'+item.city+'</td>'+'<td>'+item.areaName+'</td>';
            $("#table1").append('<tr>'+tr+'</tr>')
        });
        $("#table1-desc").text("${suspiciousBoatDesc}");
    });
</script>
<style>
    table th, table td { border-bottom: 0.5px solid #999;border-right: 0.5px solid #999999; }
    table { border-top: 0.5px solid #999; border-left: 0.5px solid #999;width: 800px; line-height: 40px; text-align: center; border-collapse: collapse; padding:2px;margin: 0 auto;font-size: 20px;}
</style>
</body>
</html>